<!DOCTYPE html>
<?php include ("bloqueDeSeguridad.php"); ?>
<html>
    <head>
        <meta charset="utf-8">
        <!-- Force latest IE rendering engine or ChromeFrame if installed -->
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
        <?php include 'plantilles/plantillacap.php'; ?>
        <?php include 'headespec/responsableH.php'; ?>


    </head>
    <body>

        <?php include 'plantilles/plantilla.php'; ?>
        <?php include 'plantilles/plantillac1.php'; ?>
        <h3 class="h3">Responsables<input id="afegir" type="submit" class="planButton" value="Afegir"/></h3>
        <p>
            <input id="cognom1" name="cognom1" type="text" class="searchR">
            <img src="images/icones/search.png" class="imageList"  alt="Cerca" height="30" width="30" />
        </p>
        <ul class="enl">
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Manuel Lopez Escribano
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Jordi Puig Cardedeu
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Maria Cornellà Esplugues
                </a>
            </li>
        </ul>
        <?php include 'plantilles/plantillac1p.php'; ?>
        <?php include 'plantilles/plantillac3.php'; ?>
        <h3 class="h3">Detalls del responsable</h3>
        <a target="_BLANK"  href="http://www.puntsoft.com">
            Maria Cornellà Esplugues
        </a>
        <ul class="tabs">
            <li><a href="#tab1">Dades</a></li>
            <li><a href="#tab2">Tasques</a></li>
        </ul>

        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi d'usuari
                        </label>
                    </p>
                    <p>
                        <input id="codiResponsable" name="codiResponsable" class="planformI" type="text"  >
                    </p>
                    <p>
                        <label class="planformL">
                            Organització
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            Llobregat
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Contrasenya
                        </label>
                    </p>
                    <p>
                        <input id="contrasenya" name="contrasenya" class="planformI" type="password">
                    </p>
                    <p>
                        <label class="planformL">
                            Repeteix la contrasenya
                        </label>
                    </p>
                    <p>
                        <input id="contrasenya2" name="contrasenya2" class="planformI" type="password">
                    </p>
                    <p>
                        <label class="planformL">
                            Pot crear
                        </label>
                    </p>
                    <p>
                        <input type="radio" id="potCrear1" name="potCrear"  checked="true" class="checkmin" />
                        <label for="potCrear1" class="checkmin" style="margin-right: 10px;">NO</label>
                        <input type="radio" id="potCrear2" name="potCrear"  class="checkmin"/>
                        <label for="potCrear2" class="checkmin">SÍ</label>
                    </p>
                    <p>
                        <label class="planformL">
                            Nom
                        </label>
                    </p>
                    <p>
                        <input id="nom" name="nom" class="planformI" type="text"  >
                    </p>
                    <p>
                        <label class="planformL">
                            Cognom 1
                        </label>
                    </p>
                    <p>
                        <input id="cognom1" name="cognom1" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Cognom 2
                        </label>
                    </p>
                    <p>
                        <input id="cognom2" name="cognom2" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Telèfon
                        </label>
                    </p>
                    <p>
                        <input id="telefon" name="telefon" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Correu
                        </label>
                    </p>
                    <p>
                        <input id="correu" name="correu" class="planformI" type="text" required>
                    </p>
                </form>



            </div>
            <div id="tab2" class="tab_content">
                <div id='calendar'></div>
            </div>

        </div>


        <?php include 'plantilles/plantillac3p.php'; ?>
        <?php include 'plantilles/plantillac2.php'; ?>
        <h3 class="h3">Accions</h3>
        <form id="accions">
            <ul id="accionsul" class="ena">
                <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza el Responsable</a></li>
                <li class="current"><a href="index.php"><img src="images/icones/email.png" class="imageList" alt="Notifica" height="40" width="40" />Notifica tasques al Responsable</a></li>
                <li class="current"><a href="index.php"><img src="images/icones/arxivar.png" class="imageList" alt="Arxiva" height="40" width="40" />Desactiva / Activa el Responsable</a></li>
            </ul>
        </form>
        <h3 class="h3">Imatges del responsable</h3>   
        <br/>
        <div class="container">
            <!-- The file upload form used as target for the file upload widget -->
            <form  id="fileupload" action="fileup/server/php/" method="POST" enctype="multipart/form-data">
                <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                <div class="row fileupload-buttonbar">
                    <div class="span7">
                        <!-- The fileinput-button span is used to style the file input field as button -->
                        <span class="btn btn-success fileinput-button">
                            <i class="icon-plus icon-white"></i>
                            <span>Afegir</span>
                            <input type="file" name="files[]" multiple>
                        </span>
                        <!--    <button type="submit" class="btn btn-primary start">
                                <i class="icon-upload icon-white"></i>
                                <span>Iniciar</span>
                            </button> -->
                        <button type="reset" class="btn btn-warning cancel">
                            <i class="icon-ban-circle icon-white"></i>
                            <span>Cancelar</span>
                        </button>
                        <button type="button" class="btn btn-danger delete">
                            <i class="icon-trash icon-white"></i>
                            <span>Eliminar</span>
                        </button>
                        <input type="checkbox" class="toggle">
                    </div>
                    <!-- The global progress information -->
                    <div class="span5 fileupload-progress fade">
                        <!-- The global progress bar -->
                        <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                            <div class="bar" style="width:0%;"></div>
                        </div>
                        <!-- The extended global progress information -->
                        <div class="progress-extended">&nbsp;</div>
                    </div>
                </div>
                <!-- The loading indicator is shown during file processing -->
                <div class="fileupload-loading"></div>
                <br>
                <!-- The table listing the files available for upload/download -->
                <table role="presentation" class="table table-striped">
                    <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery">

                    </tbody>
                </table>
            </form>
            <br>

        </div>
        <!-- modal-gallery is the modal dialog used for the image gallery -->
        <div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">&times;</a>
                <h3 class="modal-title"></h3>
            </div>
            <div class="modal-body"><div class="modal-image"></div></div>
            <div class="modal-footer">
                <a class="btn modal-download" target="_blank">
                    <i class="icon-download"></i>
                    <span>Download</span>
                </a>
                <a class="btn btn-success modal-play modal-slideshow" data-slideshow="5000">
                    <i class="icon-play icon-white"></i>
                    <span>Slideshow</span>
                </a>
                <a class="btn btn-info modal-prev">
                    <i class="icon-arrow-left icon-white"></i>
                    <span>Previous</span>
                </a>
                <a class="btn btn-primary modal-next">
                    <span>Next</span>
                    <i class="icon-arrow-right icon-white"></i>
                </a>
            </div>
        </div>
        <!-- The template to display files available for upload -->
        <script id="template-upload" type="text/x-tmpl">
            {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-upload fade">
            <td class="preview"><span class="fade"></span></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
            {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>{%=locale.fileupload.start%}</span>
                </button>
                {% } %}</td>
            {% } else { %}
            <td colspan="2"></td>
            {% } %}
            <td class="cancel">{% if (!i) { %}
                <button class="btn btn-warning">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>{%=locale.fileupload.cancel%}</span>
                </button>
                {% } %}</td>
        </tr>
        {% } %}
    </script>
    <!-- The template to display files available for download -->
    <script id="template-download" type="text/x-tmpl">
        {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-download fade">
            {% if (file.error) { %}
            <td></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
            {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
            {% } %}
            <td class="delete">
                <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
                    <i class="icon-trash icon-white"></i>
                    <span>{%=locale.fileupload.destroy%}</span>
                </button>
                <input type="checkbox" name="delete" value="1">
            </td>
        </tr>
        {% } %}
    </script>
    <?php include 'plantilles/plantillac2p.php'; ?>
    <?php include 'plantilles/plantillap.php'; ?>
</body>
</html>
